<!--
 * @Description: 
 * @Date: 2023-02-09 14:28:42
 * @Author: LP
 * @LastEditTime: 2023-05-24 11:29:22
-->
<template>
	<GunsSpace dir="vertical">
		<GunsSpace>
			<GunsButton>主要按钮</GunsButton>
			<GunsButton type="secondary">次要按钮</GunsButton>
			<GunsButton type="outline">线框按钮</GunsButton>
		</GunsSpace>
		<GunsSpace>
			<GunsButton status="primary">主要按钮</GunsButton>
			<GunsButton type="secondary" status="primary">次要按钮</GunsButton>
			<GunsButton type="outline" status="primary">线框按钮</GunsButton>
		</GunsSpace>
		<GunsSpace>
			<GunsButton status="success">主要按钮</GunsButton>
			<GunsButton type="secondary" status="success">次要按钮</GunsButton>
			<GunsButton type="outline" status="success">线框按钮</GunsButton>
		</GunsSpace>
		<GunsSpace>
			<GunsButton status="warning">主要按钮</GunsButton>
			<GunsButton type="secondary" status="warning">次要按钮</GunsButton>
			<GunsButton type="outline" status="warning">线框按钮</GunsButton>
		</GunsSpace>
		<GunsSpace>
			<GunsButton status="danger">主要按钮</GunsButton>
			<GunsButton type="secondary" status="danger">次要按钮</GunsButton>
			<GunsButton type="outline" status="danger">线框按钮</GunsButton>
		</GunsSpace>
		<GunsSpace>
			<GunsButton color="red" status="primary">自定义颜色</GunsButton>
		</GunsSpace>

		<GunsTooltip placement="topLeft">
			<GunsButton type="outline">TL</GunsButton>
		</GunsTooltip>
	</GunsSpace>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { GunsSpace, GunsButton, GunsTooltip } from '@javaguns/ui';
</script>
